/* ##### pagination #### */

.surveyPagination
{
	border-bottom: solid 1px #CDE4EF;
	padding: 0px;
}

.surveyPagination .header
{
	color: #205268;
	font-style: italic;
	padding-right: 15px;
}

.surveyPagination .activePage
{
	height: 19px;
	border: none;
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	color: #205268;
	background-color: #CDE4EF;
	margin: 0px 2px 0px 0px;
}


.surveyPagination .inactivePage
{
	height: 19px;
	border: none;
	cursor: pointer;
	color: #205268;
	background-color: #CDE4EF;
	padding: 0px 8px 0px 8px;
	margin: 0px 2px 0px 0px;
}


/* ##### tabs #### */

.tab {
    padding:7px;
    margin-right:5px;
    margin-bottom: 0px;
    display: block;
    float: left;
    background-color:#ececec;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-topright: 10px !important;
}


.hiddenElement {
    display:none;
}

.tab a {
    color:#767878;
    text-decoration:none;
}

.tab a:hover {
    text-decoration:underline;
}

.tab.on {
    background-color:#dedede;
}


.tab.on a {
    font-weight: bold;;
}

/* ##### survey #### */

.appealQuestion
{
	background-color: #e1e1e1;
	padding: 4px;
	margin-bottom: 5px;
}

.appealQuestion input
{
	padding: 0px;
	margin: 0px;
}

.reviewNote {
	background-image:url(../images/iconNote.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
	color:#767878;
	font-style:italic;
	padding-left:19px;
}

/* main container */
.survey {
	clear: both;
    /* background-color:#fbfbfb; */
    border: solid 1px #dedede;
    padding:15px;
    margin-top: -10px;  /* this is for IE only */
}

/* main page header of survey */
.survey h3 {
    color:#000000;
    font-size: 12pt;
    margin: 5px 0px 5px 0px;
}

/* sub-header right below main header */
.survey h4
{
    font-weight: bold;
    color:#000000;
    font-size: 10pt;
    margin: 5px 0px 10px 0px;
}

/* category header */
.survey .questionCategoryToQuestion {
    font-weight: bold;
    font-size: 10pt;
    color:#008DE2;
    margin-bottom:20px;
    /* border-bottom: solid 1px #008DE2; */
}

.survey .parentCategoryTitle {
    color:#008DE2;
    margin-bottom:20px;
}

.survey .questionCategorySubtitle{
    color:#008DE2;
    margin-bottom:20px;

}

/* all question labels  */
.survey label {
    color: #767878;
    display:block;
    padding: 5px 0px;
}

label span.note {
    color: #008DE2;
    font-weight: normal;
}
    
/* text of radio buttons */
label.chk {
    color:#767878;
    display:inline;
    padding-right:24px;
    font-weight: normal;
}

/* file upload label*/
label.desc {
    color:#767878;
    font-weight: normal;
}

/* text questions input container */
.questionText {

}

.question {
    margin-bottom:14px;
}

.multitext td {
    padding:2px 0 0 20px;
    font-weight: normal;
}

.buttons {
    margin-top: 26px;
    font-weight: normal;
}

.buttons input {
    margin-right: 10px;
    font-weight: normal;
}

.survey .radio {
    margin-left:15px;
}

.survey .multiText {
    /*margin-top:-5px;
    margin-left:-5px;*/
}

.survey .questionText {
    margin-top:10px;
    margin-left:20px;
}

.survey .textInput {
    /* background-color: #EEF7FE; */
    background-color: #FFF;
    border: 1px solid #BCD0E1;
    color: #767878;
	padding: 2px;
}

.survey .textArea {
    border: 1px solid #BCD0E1;
    color: #767878;
	padding: 2px;
	width: 400px;
	height: 80px;
}

.required {
    color: #767878;
	padding: 2px;
	width: 400px;
	height: 30px;
}


.checkBoxLine
{
	padding-left: 20px;
}
/* ##### table grid #### */

table.grid {
	border-collapse: collapse;
	border-left: solid 1px #e1e1e1;
	border-top: solid 1px #e1e1e1;
	margin-bottom: 15px;
}

table.grid th {
    color: #767878;
	font-size: 10px;
	background-color: #ececec;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	text-align: left;
	vertical-align: top;
        font-weight: normal;
    padding: 2px;
}

table.grid td {
    color: #767878;
	font-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
	border-right: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	text-align: center;
    padding: 2px;
}

table.grid td.label {
	text-align: left;
}

input.grid {
    background-color: #FFF;
    border: 1px solid #BCD0E1;
    color: #767878;
	padding: 2px;
	width: 40px;
    color: #767878;
	font-size: 8pt;
}

input.other{
	width: 150px;
}

/** SCORE **/

.score
{
	border-top: solid 1px #dddddd;
	background-color: #f3f3f3;
	margin-left:15px;
	margin-top: 5px;
	padding: 2px;
	font-style: italic;
}

.score label
{
	display: inline;
	border: none;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

.score span
{
	border: none;
}

.score input
{
	border: solid 1px #BCD0E1;
	margin: 0px 0px 1px 0px;
	background-color: #ffffff;
}

/** NOTES **/

survey.notes {
    width:600px;
    height:30px;
}


